/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
body.bg{background:#f0f0f0}
a{color:#666}
a:hover,a:active,a:focus{color:#222}
.mod-wrapper h3.header span{color:#222}
/*Search*/
#sp-search{float:right;margin:45px 10px 0}
#sp-search input#mod-search-searchword{padding:4px 10px;margin:0 10px 0 0;border-radius:0px;border: 4px solid #444}
.mod-search{margin:0;padding:0}
#top-header{background:url(../../images/bg.png) #37B;box-shadow: 0 5px 4px -3px #999;}
a#logo{background:url(../../images/logo.png) no-repeat 0 50%}

.top-main{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background:#2A2A2A;
margin-top:10px;
border: solid 1px #C5C5C5;
margin-bottom: 14px;}
#ajax-search-button{
  height: 27px;
  width: 35px;

  -webkit-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.28);
  -moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.28);
  box-shadow: inset 0px 2px 4px rgba(0,0,0,0.28);   

    
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
    
  /* Firefox */
  background: -moz-linear-gradient( top, #47C5ED, #188DD9 );
  
  /* Chrome & Safari */
  background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, #47C5ED ), color-stop( 1, #188DD9 ) );
  
  /* IE5.5 - IE7 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#47C5ED,EndColorStr=#188DD9);
  
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#47C5ED,EndColorStr=#188DD9)";
  float: left;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
}
/*Menu*/
#hornav{background:#444;border-top:1px solid #666;border-bottom:1px solid #666}
#sublevel {background:#f5f5f5;border-bottom:1px solid #e5e5e5}
#hornav ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item{background:none;display:block;float:left;margin:0;padding:0;border-right:1px solid #666;height:39px}


#hornav ul.level-0 > li.menu-item.last,
#sublevel ul.level-1 > li.menu-item.last {border-right:none}

#hornav ul.level-0 > li.menu-item > a.menu-item,
#sublevel ul.level-1 > li.menu-item > a.menu-item{color:#fff;}

#hornav ul.level-0 > li.menu-item span.menu-desc,
#sublevel ul.level-1 > li.menu-item span.menu-desc{color:#eee}

#hornav ul.level-0 > li:hover{background:#444!important;height:39px}
#hornav ul.level-0 > li.menu-item.active{background:#333!important;height:39px}
#hornav ul.level-0 > li.menu-item.active > a.menu-item,#hornav ul.level-0 > li.menu-item:hover > a.menu-item
{}

#sublevel ul.level-1 > li:hover,#sublevel ul.level-1 > li.menu-item.active{background:#f5f5f5!important}
#sublevel ul.level-1 > li.menu-item.active > a.menu-item,#sublevel ul.level-1 > li.menu-item:hover > a.menu-item
{}

#hornav ul.level-0 > li .submenu-inner,#sublevel ul.level-1 > li .submenu-inner {border-top:none}
#hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {border:1px solid #e5e5e5;background:#444;color:#fff}
#hornav ul.level-1 > li .submenu-inner,#sublevel ul.level-2 > li .submenu-inner {border-top:1px solid #e5e5e5;}

#hornav li.menu-item li.menu-item,
#sublevel li.menu-item li.menu-item {border-top:1px dotted #333;}

#hornav li.menu-item li:hover,#hornav li.menu-item li.active > a,
#sublevel li.menu-item li:hover,#sublevel li.menu-item li.active > a{background: #333!important;color:#fff}

#hornav li.menu-item li.menu-item a.menu-item,
#sublevel li.menu-item li.menu-item a.menu-item{color:#333}

#hornav li.menu-item li.menu-item span.menu-desc,
#sublevel li.menu-item li.menu-item span.menu-desc{color:#888}

#hornav .group-title{border-bottom:5px solid #e5e5e5}
#hornav .group-title .menu-title{color:#333}
#hornav .group-title .menu-desc{color:#888}
a.readmore,a.sp-slide-morein,
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button,
.vm-button-correct,.vm-button-correct:link,.vm-button-correct:visited
 {  text-transform: none;
	background:#0e9cb8;
	width:120px;
	background: -moz-linear-gradient(top, #00b6dc 0%, #0e9cb8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b6dc), color-stop(100%,#0e9cb8));
	background: -webkit-linear-gradient(top, #00b6dc 0%,#0e9cb8 100%);
	background: -o-linear-gradient(top, #00b6dc 0%,#0e9cb8 100%);
	background: -ms-linear-gradient(top, #00b6dc 0%,#0e9cb8 100%);
	background: linear-gradient(top, #00b6dc 0%,#0e9cb8 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#00b6dc', EndColorStr='#0e9cb8'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00b6dc', EndColorStr='#0e9cb8')"; /* IE8 */
	border-left:1px solid #0ac9f4; border-top:1px solid #0ac9f4;
	border-right:1px solid #0190b1;border-bottom: 1px solid #0190b1; 
	text-shadow: 0 1px #0190b1
}
a.readmore:hover,a.sp-slide-morein:hover,
span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover,
.vm-button-correct:hover {
	background:#0ac9f4;
	background: -moz-linear-gradient(top, #0ac9f4 0%, #08bae2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ac9f4), color-stop(100%,#08bae2));
	background: -webkit-linear-gradient(top, #0ac9f4 0%,#08bae2 100%);
	background: -o-linear-gradient(top, #0ac9f4 0%,#08bae2 100%);
	background: -ms-linear-gradient(top, #0ac9f4 0%,#08bae2 100%);
	background: linear-gradient(top, #0ac9f4 0%,#08bae2 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0ac9f4', EndColorStr='#08bae2'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0ac9f4', EndColorStr='#08bae2')"; /* IE8 */	
	border-left:1px solid #44ddff; border-top:1px solid #44ddff;
	border-right:1px solid #0190b1;border-bottom: 1px solid #0190b1; 
	text-shadow: 0 1px #0190b1
}

/* Footer */
#sp-footer{
-webkit-box-shadow: 0 0px 8px #BDBDBD;
-moz-box-shadow: 0 0px 8px #BDBDBD;
box-shadow: 0 0px 8px #BDBDBD;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #fff;
border: solid 1px #C5C5C5;
margin-bottom: 14px;
padding: 20px;
padding-bottom: 14px;
}
#sp-footer .cp {float:left;}
